<!--
 * @Descripttion: 
 * @version: 
 * @Author: 
 * @Date: 2019-09-20 15:52:46
 -->
<template>
  <div id="app">
    <!-- <img src="./assets/logo.png"> -->
    <router-view />

  </div>
</template>

<script>
export default {
  name: "App"
};
</script>

<style lang="less">
html,
body {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  background-color: #f5f5f5;
}

a {
  text-decoration: none;
  outline: none;
}

#app {
  width: 100%;
  height: 100%;
}

.el-select {
  width: 100%;
}

.form-button {
  display: flex;
  justify-content: flex-end;
}

.role-manage-right-bottom .el-input-group__append,
.el-input-group__prepend {
  width: 60%;
}

.subBtn {
  width: 100%;
  background-color: #5cc1cf;
  border-color: #5cc1cf;
  color: #fff;

  &:hover {
    background-color: #5cc1cf;
    border-color: #5cc1cf;
    color: #fff;
  }
}

.role-manage-table .el-table td {
  height: 0.53rem;
}

.role-priv-alloce-table .el-table td {
  height: 0.53rem;
}

.el-scroll {
  height: 100%;
}

// element滚动条
.el-scrollbar .el-scrollbar__wrap {
  overflow-x: hidden;
  /*height: 100% !important;*/
}

.left-menu .el-menu-vertical-demo {
  background-color: #1a243e;
}
// .el-scrollbar__view {
//   height: 100vh;
// }
// tabs 选项卡

.el-tabs--border-card {
  height: 100%;
  border: none;

  & > .el-tabs__content {
    padding: 0;
  }
}

// 上传
.avatar-uploader .el-upload {
  border: 1px dashed #d9d9d9;
  border-radius: 6px;
  cursor: pointer;
  position: relative;
  overflow: hidden;
}

.avatar-uploader .el-upload:hover {
  border-color: #409eff;
}

.avatar-uploader-icon {
  font-size: 28px;
  color: #8c939d;
  width: 0.5rem;
  height: 0.5rem;
  line-height: 0.5rem;
  text-align: center;
}

.avatar {
  width: 0.5rem;
  height: 0.5rem;
  display: block;
}

// 所有的下拉选项框
.el-select-dropdown__list {
  padding: 6px 0 22px 0;
}


// tabs选项的
.el-tabs--border-card {
  border: 1px solid #dcdfe6;
  box-shadow: none;
  box-sizing: border-box;
}

// table 嵌套
.el-table__expanded-cell[class*="cell"] {
  padding: 0 0 0 47px;
}

// 全局表头
// 全局label加粗
label{
  font-weight: bold;
}
th .cell{
  font-weight: bold;
}
</style>
